import React from 'react'
import { V_WIDTH, V_MIN_WIDTH } from '../../utils/config'

export default function Container({ Children, backgroundColor }) {
  return (
    <div className="content-wapper">
      <div className="content-container">
        {Children}
        <style jsx="true">{`
        .content-container{
          max-width: ${V_WIDTH};
          margin: 0 auto;
          min-width: ${V_MIN_WIDTH};
        }
        .content-wapper{
          background: ${backgroundColor};
        }
      `}</style>
      </div>
    </div>
  )
}
